<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/default.css">
    <script src="./JS/jquery-3.3.1.min.js"></script>
    <title>画一只小猪佩奇</title>
    <style id="styleTag"></style>
</head>
<body>
    <div class="codeWrapper">
        <pre id="codeTag">

        </pre>
        <div class="buttons">
            <button data-speed="fast">fast</button>
            <button data-speed="normal" >normal</button>
            <button data-speed="slow">slow</button>
        </div>
    </div>
    <div class="peppa">
        <div class="shadow"></div>
        <div class="foot left"></div>
        <div class="foot right"></div>
        <div class="hand left"></div>
        <div class="hand right"></div>
        <div class="leftDress"></div>
        <div class="rightDress"></div>
        <div class="ear left"></div>
        <div class="ear right"></div>
        <div class="head"></div>
        <div class="nose"></div>
        <div class="nares"></div>
        <div class="cover"></div>
        <div class="eye left"></div>
        <div class="eye right"></div>
        <div class="face"></div>
        <div class="mouth"></div>
      </div>
      <script src="./JS/main.js"></script>
</body>
</html>
